page {
  background: #f9f9f9;
}

.rel {
  position: relative;
	font-size: 20rpx;
	color: #4B4444;
}

.ab {
  position: absolute;
}

.ud {
  top: 0;
  bottom: 0;
  margin: auto;
}

.udlr {
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.mar_r {
  margin-right: 10rpx;
}

.wei {
  font-weight: bold;
}

.mar_b {
  margin-bottom: 120rpx;
}

.t_l {
  text-align: left;
}

.t_r {
  text-align: right;
}

.t_c {
  text-align: center;
}

.pa {
  padding: 20rpx;
}

.pa_0 {
  padding: 15rpx 0;
}

.pa_1 {
  padding: 0 20rpx;
}

.fon_22 {
  font-size: 22rpx;
}

.fon_24 {
  font-size: 24rpx;
}

.fon_26 {
  font-size: 26rpx;
}

.fon_28 {
  font-size: 28rpx;
}

.fon_32 {
  font-size: 32rpx;
}

.fon_30 {
  font-size: 30rpx;
}

.fon_36 {
  font-size: 36rpx;
}

.text_d {
  text-decoration: line-through;
}

.fon_40 {
  font-size: 40rpx;
}

.fon_50 {
  font-size: 50rpx;
}

.fon_60 {
  font-size: 60rpx;
}

.ba_ff {
  background: #fff;
}

.bor_bottom {
  border-bottom: 2rpx solid #f4f4f4;
}

.dis_in {
  display: inline-block;
  vertical-align: middle;
}

.dis_b {
  display: block;
}

.color_3 {
  color: #333;
}

.color_0 {
  color: #000;
}

.color_6 {
  color: #666;
}

.color_9 {
  color: #999;
}

.color_f {
  color: #fff;
}

.color_e {
  color: #e5e5e5;
}

.pa_10 {
  padding-top: 10rpx;
}

.mar_t {
  margin-top: 20rpx;
}

.ba_f {
  background: #fff;
}

.acright {
  width: 20rpx;
  height: 30rpx;
}

.sele_fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  bottom: 0;
  z-index: 50000;
}

.sele_fixed > view:nth-child(1) {
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 100;
  opacity: 0.4;
}

.sele_fixed > view:nth-child(2) {
  z-index: 50000000;
}

.fixed {
  width: 100%;
  height: 100%;
  top: 0;
  position: fixed;
}

.fixed > view:nth-child(1) {
  width: 100%;
  height: 100%;
  z-index: 100;
}

.fixed > view:nth-child(2) {
  z-index: 100000000;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 0.25;
  }

  20% {
    opacity: 0.5;
  }

  30% {
    opacity: 0.75;
  }

  40% {
    opacity: 1;
  }

  50% {
    opacity: 1;
  }

  60% {
    opacity: 1;
  }

  70% {
    opacity: 0.75;
  }

  80% {
    opacity: 0.5;
  }

  90% {
    opacity: 0.25;
  }

  100% {
    opacity: 0;
  }
}

button::after {
  border: none;
}

.prompt {
  margin-top: 200rpx;
}

.prompt > image {
  width: 300rpx;
  height: 300rpx;
  margin: 0 auto 0;
  display: block;
}

.container {
  overflow: hidden;
  width: 100%;
  background: #eee;
}

.head {
  width: 100%;
  height: 200px;
  margin: 0rpx auto;
  background: #fff;
}

swiper image {
  width: 100%;
  height: 100%;
}

swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.Collage {
  width: 100%;
  margin: 0 auto;
  background: #fff;
  padding: 20rpx 2.5%;
	box-sizing: border-box;
}
.shop,
.buy,
.detail,
.Purchased,
.shop-wrapper {
  width: 100% !important;
  margin: 20rpx auto;
  background: #fff;
	padding: 20rpx 2.5%;
	box-sizing: border-box;
}
.Purchased {
	display: flex;
	align-items: center;
}
.Purchased image {
	width: 50rpx;
	height: 50rpx;
	border-radius: 50%;
}
.Purchased image:not(:first-child) {
	margin-left: -20rpx;
}
.buy {
	font-size: 24rpx;
}
.buy .name,
.shop_detail .name {
	color: #353131;
	font-size: 32rpx;
	border-bottom: 7rpx solid #FB6A5C;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	width: 140rpx;
	line-height: 20rpx;
	margin: 0 auto 30rpx;
}
.shop-wrapper .address {
  display: flex;
  align-items: center;
	justify-content: space-between;
}
.shop-wrapper .address .left {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.shop-wrapper .address .name {
	font-size: 32rpx;
	color: #3F4142;
	margin-top: auto;
}
.shop-wrapper .address .color_9 {
	font-size: 22rpx;
	color: #4A4646;
}
.shop-wrapper .address .right {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.shop-wrapper .address .right image {
	width: 20rpx;
	height: 20rpx;
	margin-right: 6rpx;
}
.shop-wrapper .address .right .item {
	padding: 9rpx 18rpx;
	border: 1px solid #FE6B5E;
	border-radius: 22rpx;
	font-size: 20rpx;
	color: #FE6B5E;
	display: flex;
	align-items: center;
}
.shop-wrapper .address .right .item.dh {
	margin-top: 30rpx;
}
.btn-wrapper {
	width: 50%;
  background: #FB6A5C;
}

.dis_in {
  display: inline-block;
  vertical-align: middle;
}

.rush_info {
  bottom: 0;
  left: 0;
  width: 100%;
	height: 80rpx;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15rpx 2.5%;
	box-sizing: border-box;
	background: linear-gradient(90deg, #FF6F60, #FD6259, #FE504B, #FF4343);
	box-shadow: 0rpx 6rpx 14rpx 0rpx rgba(255,79,75,0.35);
	border-radius: 5rpx;
}

.rush_info > view:nth-child(1) {
}

.rush_info > view:nth-child(2) {
}
.jljs {
	font-size: 24rpx;
	color: #fff;
}

.info_name > view {
  width: 100%;
  height: 100%;
}

.info_name > view:nth-child(1) {
  z-index: 100;
  background: #000;
  opacity: 0.5;
}

.info_name > view:nth-child(2) {
  z-index: 200;
  line-height: 60rpx;
  color: #fff;
  padding: 0 20rpx;
  font-size: 30rpx;
}

.limit {
  font-size: 30rpx;
  text-align: center;
	color: #fff;
	font-style: italic;
	font-weight: 600;
}

.end {
  width: 80%;
  height: 40rpx;
  background: #fff8ff;
  border-radius: 20rpx;
  margin: auto;
}

.end1 {
  height: 100%;
  border-radius: 20rpx;
  color: #fff;
  border: 1rpx solid #fff;
  z-index: 2;
}

.end2 {
  height: 100%;
  width: 100%;
  padding: 0 20rpx;
  border-radius: 20rpx;
  color: #fff;
  border: 1rpx solid #fff;
  background: #000;
  opacity: 0.2;
  z-index: 1;
}

.end3 {
  height: 100%;
  width: 100%;
  padding: 0 20rpx;
  color: #fff;
  z-index: 3;
}
.price {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.price > view:nth-child(2){
  background: #FEDCD9;
  border-radius: 40rpx;
	padding: 8rpx 20rpx;
	color: #FD6259;
	font-size: 20rpx;
}

.price > view image {
  width: 20rpx;
  height: 20rpx;
}
.time {
	display: flex;
	align-items: center;
}
.time .name {
	font-size: 24rpx;
	color: #3F4142;
	padding-right: 60rpx;
}
.time .time-range{
	font-size: 20rpx;
	color: #FD6057;
}
.time .time-range text{
	font-size: 20rpx;
	color: #3F4142;
}
.time > text {
  display: inline-block;
}

.logo {
  width: 70rpx;
  height: 70rpx;
  border: 4rpx solid #fff;
  border-radius: 50%;
}

.mar_l {
  margin-left: -20rpx;
}

.fixd {
  bottom: 0;
  width: 100%;
  position: fixed;
  height: 110rpx;
  z-index: 50000000;
  background: #fff;
  border-top: 2rpx solid #f9f9f9;
}

.fixd > view {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  height: 100%;
}

.fixd > view image {
  width: 40rpx;
  height: 40rpx;
  display: block;
  margin: 20rpx auto 10rpx;
}

.fixd > view:nth-child(1) {
  width: 15%;
}

.fixd > view:nth-child(2) {
  width: 15%;
}

.fixd > view:nth-child(3) {
  width: 15%;
}

.fixd > view:nth-child(4) {
  width: 55%;
  line-height: 110rpx;
  background: #f44444;
}

.se_right {
  width: 35rpx;
  height: 35rpx;
}

.sylc {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #999;
}

.lccel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.lccel image {
  width: 100rpx;
  height: 100rpx;
  margin: 0 20rpx;
  margin-bottom: 20rpx;
}

.hx {
  width: 100rpx;
  height: 5rpx;
  background: #eeeeee;
  margin-top: -50rpx;
}

.timefk {
  padding:0 5rpx;
}

.smbf {
  padding-bottom: 40rpx;
}

.sm {
  margin-top: 10rpx;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #666;
  font-size: 26rpx;
}

.yuan {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #d5d5d5;
  margin-right: 20rpx;
}

.spjj {
  font-size: 22rpx;
	color: #4A4646;
  padding: 10rpx 0;
}
.spjj text:nth-child(1) {
	display: inline-block;
	border: 1px solid #FF0018;
	border-radius: 40px;
	color: #FE6A5E;
	padding: 8rpx 23rpx;
	margin-right: 20rpx;
}
